<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="lib/swiper/css/swiper-bundle.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="./icon/font_6e3wewbkx0a/iconfont.css"/>
	</head>
	<body>
		<div class="container">
			<div class="header-box">
			<div class="header">
				<div class="header-l">
					<img src="./img/index_img/icon-10.png" alt="">
				</div>
				<div class="header-m">
					<span>本家</span>
				</div>
				<div class="header-r">
					<img src="./img/index_img/icon-11.png" alt="">
				</div>
			</div>
			</div>
			<div class="top-banner">
				<div class="swiper-container topbanner">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><a href="#"><img src="./img/index_img/banner1.jpg"></a></div>
						<div class="swiper-slide"><a href="#"><img src="./img/index_img/banner2.jpg"></a></div>
						<div class="swiper-slide"><a href="#"><img src="./img/index_img/banner1.jpg"></a></div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>
				</div>
			</div>

			<div class="index-nav">
				<li>
					<a href="#">
						<div class="nav-img"><img src="./img/index_img/icon-1.png" alt=""></div>
						<div class="nav-word"><span>新品/热销</span></div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="nav-img"><img src="./img/index_img/icon-2.png" alt=""></div>
						<div class="nav-word"><span>超值拼团</span></div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="nav-img"><img src="./img/index_img/icon-3.png" alt=""></div>
						<div class="nav-word"><span>新人福利</span></div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="nav-img"><img src="./img/index_img/icon-4.png" alt=""></div>
						<div class="nav-word"><span>时尚动态</span></div>
					</a>
				</li>
			</div>
			<div class="poster">
				<div><img src="./img/index_img/banner-2.png" alt=""></div>
			</div>
			<div class="title">
				<div class="title-t">
					<span>厂家直销</span>
				</div>
				<div class="title-m"></div>
				<div class="title-b">
					<span>FACTORY OUTLET</span>
				</div>
			</div>
			<div class="outlet">
				<li>
					<a href="#">
						<div class="outlet-img"><img src="./img/index_img/photo-1.png" alt=""></div>
						<div class="outlet-name"><span>无声派对复古镜-A</span></div>
						<div class="outlet-detail"><span>食品级304不锈钢 复合底</span></div>
						<div class="outlet-price"><span>￥249</span></div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="outlet-img"><img src="./img/index_img/photo-2.png" alt=""></div>
						<div class="outlet-name"><span>镜面不锈钢双耳连盖汤煲</span></div>
						<div class="outlet-detail"><span>选用优质金属 镜框双色点缀</span></div>
						<div class="outlet-price"><span>￥359</span></div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="outlet-img"><img src="./img/index_img/photo-3.png" alt=""></div>
						<div class="outlet-name"><span>纳米水离子空气净化器</span></div>
						<div class="outlet-detail"><span>美容、润肤 除甲醛、烟等有害气体</span></div>
						<div class="outlet-price"><span>￥249</span></div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="outlet-img"><img src="./img/index_img/photo-4.png" alt=""></div>
						<div class="outlet-name"><span>S.PRINCESS荞麦保健枕</span></div>
						<div class="outlet-detail"><span>全面面料 双面工艺 单面荞麦</span></div>
						<div class="outlet-price"><span>￥89</span></div>
					</a>
				</li>
			</div>
			<div class="title">
				<div class="title-t">
					<span>精品热卖</span>
				</div>
				<div class="title-m"></div>
				<div class="title-b">
					<span>sale</span>
				</div>
			</div>
			<div class="sale">
				<li>
					<a href="#">
						<div class="sale-img"><img src="./img/index_img/img-6.png" alt=""></div>
						<div class="sale-name">
							<span>英式经典三防女</span><br>
							<span>式长风衣</span>
						</div>
						<div class="sale-price">￥599</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="sale-img"><img src="./img/index_img/img-2.png" alt=""></div>
						<div class="sale-name">
							<span>超轻至暖铜氨丝</span><br>
							<span>白鹅绒被</span>
						</div>
						<div class="sale-price">￥999</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="sale-img"><img src="./img/index_img/img-3.png" alt=""></div>
						<div class="sale-name">
							<span>羊毛混纺经典长</span><br>
							<span>款大衣</span>
						</div>
						<div class="sale-price">￥1299</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="sale-img"><img src="./img/index_img/img-1.png" alt=""></div>
						<div class="sale-name">
							<span>创意懒人叠衣板</span><br>
							<span>+收纳箱</span>
						</div>
						<div class="sale-price">￥79</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="sale-img"><img src="./img/index_img/img-4.png" alt=""></div>
						<div class="sale-name">
							<span>GF合金包角拉链</span><br>
							<span>箱</span>
						</div>
						<div class="sale-price">￥259</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="sale-img"><img src="./img/index_img/img-5.png" alt=""></div>
						<div class="sale-name">
							<span>婴童纱布长斤三</span><br>
							<span>条装</span>
						</div>
						<div class="sale-price">￥59</div>
					</a>
				</li>
			</div>
			<div class="sgl">
				<a href="#">
					<div class="sgl-spell">
						<img src="./img/index_img/pic-1.jpg" alt="">
					</div>
				</a>
				<div class="sgl-gl">
					<a href="#">
						<div class="sgl-global">
							<img src="img/index_img/pic-2.jpg">
						</div>
					</a>
					<a href="#">
						<div class="sgl-look">
							<img src="img/index_img/pic-3.jpg">
						</div>
					</a>
				</div>
			</div>
			<div class="title" style="margin-bottom: 0;">
				<div class="title-t">
					<span>精选优品</span>
				</div>
				<div class="title-m"></div>
				<div class="title-b">
					<span>SELECTION</span>
				</div>
			</div>
			<div class="sec-banner">
				<div class="swiper-container secbanner">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#">
								<div class="secb-img">
									<img src="./img/index_img/slider-1.jpg">
								</div>
								<div class="secb-home">
									<span>本家HOME</span>
									<span>29.9元起</span>
								</div>
								<div class="secb-discount"><span>每满100立减20元</span></div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<div class="secb-img">
									<img src="./img/index_img/slider-2.jpg">
								</div>
								<div class="secb-home">
									<span>本家HOME</span>
									<span>29.9元起</span>
								</div>
								<div class="secb-discount"><span>每满100立减20元</span></div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<div class="secb-img">
									<img src="./img/index_img/slider-1.jpg">
								</div>
								<div class="secb-home">
									<span>本家HOME</span>
									<span>29.9元起</span>
								</div>
								<div class="secb-discount"><span>每满100立减20元</span></div>
							</a>
						</div>
					</div>
				</div>
			</div>
<div class="title">
				<div class="title-t">
					<span>好物推荐</span>
				</div>
				<div class="title-m"></div>
				<div class="title-b">
					<span>RECOMMEND</span>
				</div>
			</div>
	<div class="outlet" style="margin-bottom: 0.27vw;">
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(1).png" alt=""></div>
				<div class="outlet-name"><span>狐步小吊灯</span></div>
				<div class="outlet-detail"><span>曼妙裙摆 任意空间的光线舞者</span></div>
				<div class="outlet-price"><span>￥469</span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(2).png" alt=""></div>
				<div class="outlet-name"><span>折简餐具组|碗套装</span></div>
				<div class="outlet-detail"><span>国画四色 诠释最美器具</span></div>
				<div class="outlet-price"><span>￥89</span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(6).png" alt=""></div>
				<div class="outlet-name"><span>竹枝抱枕</span></div>
				<div class="outlet-detail"><span>上百竹枝首尾相依 静生生物</span></div>
				<div class="outlet-price"><span>￥169</span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(15).png" alt=""></div>
				<div class="outlet-name"><span>澎湃声波牙刷 Pro</span></div>
				<div class="outlet-detail"><span>一件能明显提升幸福感的小物件</span></div>
				<div class="outlet-price"><span>￥259 </span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(4).png" alt=""></div>
				<div class="outlet-name"><span>镜线餐具组</span></div>
				<div class="outlet-detail"><span>让每一餐都清爽可口</span></div>
				<div class="outlet-price"><span>￥399</span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(7).png" alt=""></div>
				<div class="outlet-name"><span>光合氧气花瓶</span></div>
				<div class="outlet-detail"><span>光影魔术手 找到植物的专属生命</span></div>
				<div class="outlet-price"><span>￥129 </span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(8).png" alt=""></div>
				<div class="outlet-name"><span>黑白格子V领背心裙</span></div>
				<div class="outlet-detail"><span>简约不简单 轻松高级感</span></div>
				<div class="outlet-price"><span>￥339</span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(12).png" alt=""></div>
				<div class="outlet-name"><span>重磅绞花羊绒衫</span></div>
				<div class="outlet-detail"><span>羊绒纱线采用7针、26纱支织造而成</span></div>
				<div class="outlet-price"><span>￥559</span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(14).png" alt=""></div>
				<div class="outlet-name"><span>珊瑚绒加厚保暖连体衣</span></div>
				<div class="outlet-detail"><span>珊瑚绒御寒 加厚保暖 纯棉内里</span></div>
				<div class="outlet-price"><span>￥259</span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(5).png" alt=""></div>
				<div class="outlet-name"><span>Pop Loop 慢跑鞋 男女款</span></div>
				<div class="outlet-detail"><span>爆米花中底 全包裹支撑鞋面</span></div>
				<div class="outlet-price"><span>￥339</span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(3).png" alt=""></div>
				<div class="outlet-name"><span>M&N 尊荣白鸭绒静音冬被</span></div>
				<div class="outlet-detail"><span>内衬蓬松饱满 静音防羽 保暖舒适</span></div>
				<div class="outlet-price"><span>￥659</span></div>
			</a>
		</li>
		<li>
			<a href="#">
				<div class="outlet-img"><img src="./img/index_img/t%20(9).png" alt=""></div>
				<div class="outlet-name"><span>小怪兽糖罐组</span></div>
				<div class="outlet-detail"><span>为生活加一剂萌料</span></div>
				<div class="outlet-price"><span>￥59       </span></div>
			</a>
		</li>
	</div>	
<div class="perctr-bot">
		<div class="perctr-bot-c">
			<li>
				<a href="#"><div><img src="./img/index_img/icon-12.png" alt=""></div>
				<div>首页</div></a>
			</li>
			<li>
				<a href="#"><div><img src="./img/index_img/icon-6.png" alt=""></div>
				<div>优选</div></a>
			</li>
			<li>
				<a href="#"><div><img src="./img/index_img/icon-9.png" alt=""></div>
				<div>分类</div></a>
			</li>
			<li>
				<a href="#"><div><img src="./img/index_img/icon-7.png" alt=""></div>
				<div>购物车</div></a>
			</li>
			<li>
				<a href="#"><div><img src="./img/index_img/icon-8.png" alt=""></div>
				<div>我的</div></a>
			</li>
		</div>
		</div>
	<div class="cover disnone"></div>
		</div>
		
		<!-- 左侧菜单栏 -->
		<div class="leftmenu">
			
			<div class="lm-head">
				<div class="lm-head-img"><img src="img/leftmenu_img/percenter_06.png" ></div>
				<div class="lm-head-word"><span>简希</span></div>
			</div>
			<div class="lm-content">
				<li>
					<a href="" class="clear-fix">
						<div class="fl lm-content-img"><img src="./img/leftmenu_img/未标题-1_03.png" alt=""></div>
						<div class="fl lm-content-word"><span>我的关注</span></div>
					</a>
				</li>
				<li>
					<a href="" class="clear-fix">
						<div class="fl lm-content-img"><img src="./img/leftmenu_img/未标题-1_07.png" alt=""></div>
						<div class="fl lm-content-word"><span>我的收藏</span></div>
					</a>
				</li>
				<li>
					<a href="" class="clear-fix">
						<div class="fl lm-content-img"><img src="./img/leftmenu_img/未标题-1_07-03.png" alt=""></div>
						<div class="fl lm-content-word"><span>消息</span></div>
					</a>
				</li>
				<li>
					<a href="" class="clear-fix">
						<div class="fl lm-content-img"><img src="img/leftmenu_img/未标题-1_15.png" alt=""></div>
						<div class="fl lm-content-word"><span>心愿单</span></div>
					</a>
				</li>
				<li>
					<a href="" class="clear-fix">
						<div class="fl lm-content-img"><img src="./img/leftmenu_img/未标题-1_19.png" alt=""></div>
						<div class="fl lm-content-word"><span>我的钱包</span></div>
					</a>
				</li>
				<li>
					<a href="" class="clear-fix">
						<div class="fl lm-content-img"><img src="img/leftmenu_img/未标题-1_23.png" alt=""></div>
						<div class="fl lm-content-word"><span>发布动态</span></div>
					</a>
				</li>
				<li style="margin-bottom: 0;">
					<a href="" class="clear-fix">
						<div class="fl lm-content-img"><img src="./img/leftmenu_img/未标题-1_26.png" alt=""></div>
						<div class="fl lm-content-word"><span>设置</span></div>
					</a>
				</li>
			</div>
			<div class="lm-footer">
				<div class="lm-footer-l">
					<img src="./img/leftmenu_img/未标题-1_31.png" alt="">
				</div>
				<div class="lm-footer-m"><span>试一下</span></div>
				<div class="lm-footer-r"><span>看你能发现什么？</span></div>
			</div>
		</div>
		<div class="backtop"><span class="iconfont icon-xiangshang"></span></div>
		<script src="lib/jquery/jquery-3.6.0.min.js"></script>
		<script src="lib/swiper/js/swiper-bundle.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</body>
</html>
